Standard Chartered Bank

Corporate Digital Banking.

I focused on helping the bank create more engaging and intuitive online interactions to improve their partner, and employee digital banking experiences.

Corporate Banking Mockup

Project Date

March 20th, 2015

Role

UX Designer

Client

Standard Chartered Bank

Responsibilities

UX, UI, Sanity Testing

Breaking away from the stereotype.

My work with the client started with reimagining the content and extending the existing Bank's global style guide. The aesthetic approach was designed to break away from the conventional corporate banking website – crammed, verbose and confusing. Whitespace and bold, large typography were prioritized to make the pages friendly, focussed and easily readable.

User Flow

Content Consumption

Corporate banking data is complicated and large. Content was broken into crisp, scan-able units and relevant information was provided on each page to help the user.

Card-Based UX System

A card-based UX system was chosen – it is fresh and flexible, organizing information into chunks of content to aid scannability. The dashboard enables instantaneous and informed decisions to be made at a glance.

Our Approach

Approach

A foundation built for scale.

Style Guide

Style Guide

Color & Initial Idea

Colors

Iconography & Font

Iconography

Custom Font Icons

Icons

Grid Specifications

Grid

The Dashboard.

Real-time snapshots and historical trends enabling instantaneous decisions at a glance.

Dashboard

Payment Initiation.

Progressive, Intuitive & Consistent workflows.

Payment Initiation

Page Overview

Page Overview

Transaction Status

Transaction Status

Account Balance.

Account Balance

Stakeholder Analysis & Accessibility.

Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

Accessibility Color Accessibility Color Map Accessibility Dashboard Accessibility Form

See it in action.

SCB making from RBiswas5888 on Vimeo.